<div id="redisLockDemo">
    <br/>
    <div style="color:red">
        <h2> 分布式锁示例：</h2>
    </div>  
    <div>
        <el-form ref="form0" :model="account" label-width="100px">
            <el-form-item label="账号" prop="accountId" >
                <el-input v-model="account.accountId"  style="width:200px"></el-input>
            </el-form-item>

            <el-form-item label="贷款金额" prop="amount">
                <el-input v-model.number="account.amount" style="width:200px"></el-input>
                <el-button  type="primary" @click="transf()">贷款申请</el-button>
                <el-button  type="primary" @click="release()">取消申请</el-button>
                <el-button  type="primary" @click="refresh()">查询</el-button>
            </el-form-item>
        </el-form>
    </div>
    <el-table :data="tableData" >
        <el-table-column
                prop="accountId"
                label="账户"
                width="180px">
        </el-table-column>
        <el-table-column
                prop="needtime"
                label="预计完成"
                width="180px">
        </el-table-column>
        <el-table-column
                prop="systime"
                label="系统时间"
                width="180px">
        </el-table-column>
    </el-table></div>